<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="../js/vue.js"></script>
</head>

<body>
    <!-- 一、关于组件名

    一个单词组成：
    第一种写法首字母小写school
    第二种写法首字母大写School

    多个单词组成：
    第一种写法：my-school
    第二种写法:Myschool(需要脚手架支持)

    组件名尽可能回避html中已有元素名称
    组件里可以使用 name配置项 定义在开发者工具中呈现的名字

    二、关于组件标签
    第一种写法：<school></school>
    第二种写法：
    <school/>
    不使用脚手架时
    <school/>会导致后续组件不能被渲染

    三、一个简写方式
    const school = Vue.extend(options) 可简写为 const school = options -->



    <div id="root"></div>
    <script>
        Vue.config.productionTip = false
        var vm = new Vue({
            el: '#root',
            data: {},
            methods: {}
        });
    </script>
</body>

</html>